<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
    
	<title>Dự án thiết bị công nghiệp</title>
     <!--ticker-->
    <link rel="stylesheet" type="text/css" href="plugins/ticker/ticker-style.css">
    <!--ICON-->
    <link href="images/favicon.ico" rel="icon">
    <!--Thư viện hiệu ứng animate-->

    <link rel="stylesheet" type="text/css" href="plugins/slide/js-image-slider.css">
     <!--slide fliexi-->
    <link href="plugins/flexisel/flex.css" rel="stylesheet" type="text/css" />
    <!--Thư viện icon font-awesome-->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link href="css/normalize.css"  rel="stylesheet" type="text/css"/>
    <!--Css dùng chung -->
	<link href="css/reset.css"  rel="stylesheet" type="text/css"/>
    <!--Css chính cho toàn trang -->
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>

	
</head>
<body>
<section class="itq-top">
	<section class="itq-wrapper">
		<p>Thôn Hạ Hội, Xã Tân Lập, Huyện Đan Phượng, TP. Hà Nội</p>
		<a href="#"><img src="images/covn-top.png" /></a>
		<a href="#"><img src="images/comu-top.png" /></a>
	</section>
</section><!-- .itq-top -->
<section class="clear"></section>
<section class="itq-wrapper">
    <header class="itq-header">
    	<section class="logo-header">
			<figure class="logo">
				<a href="#"><img src="images/logo-header.jpg"/></a>
			</figure>
		</section>
		<section class="search-header">
			<form>
				<input type="text" name="search" placeholder="Nhập từ khóa tìm kiếm">
				<input type="submit" value="Tìm Kiếm">
			</form>
			<p>Từ khóa :   <a href="#">Dụng cụ cắt</a>,<a href="#">Dụng cụ cắt</a>, <a href="#">Dụng cụ cắt</a>,<a href="#">Dụng cụ cắt</a> <a href="#">Dụng cụ cắt</a>,<a href="#">Dụng cụ cắt</a>, <a href="#">Dụng cụ cắt</a>,<a href="#">Dụng cụ cắt</a> ...</p>
		</section>
		<section class="sdt-header">
			<figure class="sdt">
				<figcaption>
					<p>Tư vấn & hỗ trợ trực tuyến</p>
					<h3>0973 999 999</h3>
				</figcaption>
				<a href=""><img src="images/caidt-header.png"/></a>
			</figure>
		</section>
    </header><!-- .itq-header -->
    <section class="clear"></section>

    <nav class="itq-menu">
    	<ul class="main">
			<li class="main">
				<a class="main" href="">trang chủ</a>
			</li>
			<li class="main">
				<a class="main" href="">giới thiệu</a>
				<ul class="item">
						<li class="item">
							<a class="item" href="">Nhà tôi có một con bò</a>
							<ul class="tang3">
								<li class="tang3">
									<a class="tang3" href="">con bò ăn được không</a>
								</li>
								<li class="tang3">
									<a class="tang3" href="">con gà ăn được không</a>
								</li>
								<li class="tang3">
									<a class="tang3" href="">con mèo ăn được không</a>
								</li>
							</ul>
						</li>
						<li class="item">
							<a class="item" href="">Nhà tôi có một con gà</a>
							<ul class="tang3">
								<li class="tang3">
									<a class="tang3" href="">con bò ăn được không</a>
								</li>
								<li class="tang3">
									<a class="tang3" href="">con gà ăn được không</a>
								</li>
								<li class="tang3">
									<a class="tang3" href="">con mèo ăn được không</a>
								</li>
							</ul>
						</li>
						<li class="item">
							<a class="item" href="">Nhà tôi có một con mèo</a>
							<ul class="tang3">
								<li class="tang3">
									<a class="tang3" href="">con bò ăn được không</a>
								</li>
								<li class="tang3">
									<a class="tang3" href="">con gà ăn được không</a>
								</li>
								<li class="tang3">
									<a class="tang3" href="">con mèo ăn được không</a>
								</li>
							</ul>
						</li>
				</ul>
			</li>
			<li class="main">
				<a class="main" href="">sản phẩm</a>
			</li>
			<li class="main">
				<a class="main" href="">tin tức</a>
			</li>
			<li class="main">
				<a class="main" href="">đối tác</a>
			</li>
			<li class="main">
				<a class="main" href="">dự án</a>
			</li>
			<li class="main">
				<a class="main" href="">liên hệ</a>
			</li>
		</ul>
    </nav><!-- .itq-menu -->
    <section class="clear"></section>

    <section class="itq-news">
    <h3>
    	Tin tức
    </h3>
		<ul id="js-news"  class="js-hidden" >
			<li class="new"><a href="">Tây Hà luôn nỗ lực để đem đến cho từng khách hàng những thương hiệu</a></li>
			<li class="new"><a href="">Tây Hà luôn nỗ lực để đem đến cho từng khách hàng </a></li>
			<li class="new"><a href="">Tây Hà luôn nỗ lực để đem đến cho từng khách hàng những thương hiệu</a></li>
			<li class="new"><a href="">Dịch vụ sửa chữa khuân mẫu</a></li>
			<li class="new"><a href="">Giải đáp thắc mắc về kheo</a></li>
		</ul>
    </section><!-- .itq-news -->
    <section class="clear"></section>
    
    
    <section class="itq-slider">
		<section class="slides">
        	
         	dfd
            
        </section>
        <section class="support">
        	<ul>
            	<li>
                	<h3>
                    	Hỗ trợ trực tuyến
                        
                    </h3>
                    <p>
                    	Phone : <span>01632 434 165</span> - Mr Linh 
                    </p>
                </li>
                <li>
                	<h3>
                    	Hỗ trợ trực tuyến
                        
                    </h3>
                    <p>
                    	Phone : <span>01632 434 165</span> - Mr Linh 
                    </p>
                </li>
                <li>
                	<h3>
                    	Hỗ trợ trực tuyến
                        
                    </h3>
                    <p>
                    	Phone : <span>01632 434 165</span> - Mr Linh 
                    </p>
                </li>
            </ul>
        </section>
    </section><!-- .itq-slider -->
    <section class="clear"></section>
    
   
    <section class="list-product">
    	<aside class="sidebar">
        ss
        </aside><!-- .sidebar -->
        <section class="content">
        fdfd
        </section><!-- .content -->
    </section><!-- .list-product -->
    <section class="clear"></section>
   
	<footer class="itq-footer"> 
    	<section class="doi_tac">
			<section class="logo_doitac">
				<ul id="flexiselDemo3">
					<li><img src="images/logo-pmax.png" /></li>
					<li><img src="images/logo-wct.png" /></li>
					<li><img src="images/logo-pmax.png" /></li>
					<li><img src="images/logo-wct.png" /></li>
					<li><img src="images/logo-pmax.png" /></li>
					<li><img src="images/logo-wct.png" /></li>      
				</ul>   
			</section>
			<section class="clear"></section>
		</section>	<!--.doi_tac---->


		<section class="support">
			<section class="group-link">
					<h3>Thông tin công ty</h3>
					<ul class="link">
						<li class="link"><a href="#">Giới thiệu công ty</a></li>
						<li class="link"><a href="#">Tiêu chí bán hàng</a></li>
						<li class="link"><a href="#">Cơ hội việc làm</a></li>
						<li class="link"><a href="#">Bản đồ</a></li>
					</ul><!--.link-->
				</section><!--.group-link-->
				<section class="group-link">
					<h3>Chính sách chung</h3>
					<ul class="link">
						<li class="link"><a href="#">Chính sách giao nhận</a></li>
						<li class="link"><a href="#">Chính sách bảo hành</a></li>
						<li class="link"><a href="#">Chính sách đổi trả hàng</a></li>
					</ul><!--.link-->
				</section><!--.group-link-->
				<section class="group-link">
					<h3>Điều khoản và quy định</h3>
					<ul class="link">
						<li class="link"><a href="#">Quy định bảo mật</a></li>
						<li class="link"><a href="#">Quy định thanh toán</a></li>
						<li class="link"><a href="#">Điều khoản sử dụng</a></li>
					</ul><!--.link-->
				</section><!--.group-link-->
				<section class="group-link link_cuoi">
					<h3>CÔNG TY TNHH THƯƠNG MẠI VÀ SẢN XUẤT TÂY HÀ</h3>
					<ul class="link link_cuoi">
						<li class="link">Địa chỉ: Thôn Hạ Hội, Xã Tân Lập, Huyện Đan Phượng, TP. Hà Nội
						</li>
						<li class="link link_dt">ĐT: +84-4-33632990 / Fax: +84-4-33632991
						</li>
						<li class="link link_email">Email: <a href="#">info.tayha@gmail.com</a>
						</li>
					</ul><!--.link-->
				</section><!--.group-link-->
			</section>
    </footer><!-- .itq-footer -->
    <section class="clear"></section>
</section><!-- .itq-wrapper -->
<!-- Hieu ung chu danh may -->
<script src="plugins/ticker/jquery.ticker.js"></script>
<!--flexisel footer-->
<script src="plugins/flexisel/jquery.flexisel.js" type="text/javascript" ></script>
 <!--slider main -->
<script src="plugins/slide/js-image-slider.js"></script>
<script type="text/javascript">
	$(window).ready(function(e) {
		//Ticker
		 $('#js-news').ticker({
			  speed: 0.08,           
			 titleText: '',
			 controls: false
		  });	
	   //flexisel
		$("#flexiselDemo3").flexisel({
			visibleItems: 6,
			animationSpeed: 3000,
			autoPlay: true,
			autoPlaySpeed: 2,            
			pauseOnHover: true,
			enableResponsiveBreakpoints: true,
			responsiveBreakpoints: { 
				portrait: { 
					changePoint:480,
					visibleItems: 1
				}, 
				landscape: { 
					changePoint:640,
					visibleItems: 2
				},
				tablet: { 
					changePoint:768,
					visibleItems: 3
				}
			}
		});
	});
</script>
</body>
</html>